.collect {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    cursor: pointer;

    .btn {
        display: inline-block;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 30px;
        height: 30px;
        background-image: url('@/assets/img/icon_collect.svg');

        &-a {
            background-image: url('@/assets/img/icon_collect-a.svg');
        }
    }

    .txt {
        font-size: 16px;
        margin-left: 10px;
        color: #8B8B8B;
        white-space: nowrap;
    }
}
@media (min-width:768px) and (max-width:1570px) {
    .collect {
        .btn {
            width: 20px;
            height: 20px;
        }

        .txt {
            font-size: 14px;
        }
    }
}
@media (max-width:767px) {
    .collect {
        align-items: center;
        .btn {
            width: 16px;
            height: 16px;
        }

        .txt {
            font-size: 14px;
        }
    }
}